import React from "react";
import styles from './index.css';

/*function BasicLayout(props) {
  return (
    <div className={styles.wrapper}>
      <header style={{color: 'darkred', fontWeight: "bold", fontSize: 70}}>
        深思君：今天也要加油鸭！
      </header>

      { props.children }

      <footer style={{color: 'darkred', fontWeight: "bold", fontSize: 50}}>
        嗯~ o(*￣▽￣*)o
      </footer>
    </div>
  );
}*/

class BasicLayout extends React.Component {
  render() {
    return (
      <div className={styles.wrapper}>
        <header style={{color: 'darkblue', fontWeight: "bold", fontSize: 70}}>
          深思君：今天也要加油鸭！
        </header>

        { this.props.children }

        <footer style={{color: 'darkblue', fontWeight: "bold", fontSize: 50}}>
          嗯~ o(*￣▽￣*)o
        </footer>
      </div>
    );
  }
}

export default BasicLayout;
